<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>滨海基金 -合同审核</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/font-awesome.min.css" rel="stylesheet">
<!-- Data Tables -->
<link href="css/plugins/dataTables/dataTables.bootstrap.css"
	rel="stylesheet">
<link href="css/animate.min.css" rel="stylesheet">
<link href="css/style.min.css" rel="stylesheet">
<link href="css/plugins/sweetalert/sweetalert.css" rel="stylesheet">
<script src="js/plugins/sweetalert/sweetalert.min.js"></script>
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/plugins/jeditable/jquery.jeditable.js"></script>
<script src="js/plugins/dataTables/jquery.dataTables.js"></script>
<script src="js/plugins/dataTables/dataTables.bootstrap.js"></script>
<script src="js/plugins/modal/bootstrap-modal.js"></script>
<script src="js/jquery-confirm.js"></script>
<script src="js/common.js"></script>
<script src="js/My97DatePicker/WdatePicker.js"></script>
<script type="text/javascript"
	src="http://tajs.qq.com/stats?sId=9051096" charset="UTF-8"></script>
<style type="text/css">
/* dataTables列内容居中 */
.table>tbody>tr>td {
	text-align: center;
}
/* dataTables表头居中 */
.table>thead:first-child>tr:first-child>th {
	text-align: center;
}
</style>
</head>
<body class="gray-bg">
	<div class="row">
		<div class="col-sm-12">
			<div class="ibox float-e-margins">
				<div class="ibox-title">
					<h5>
						合同<small>,审核</small>
					</h5>
					<div class="ibox-content">
						<div class="input-group col-md-3"
							style="margin-top: 0px; positon: relative; float: left; bottom: -5px;">
							<input id="contractNum" type="text" class="form-control "
								placeholder="请输入关键字（合同编号、名称）"/ > <span
								class="input-group-btn">
								<button onclick="Search()" class="btn btn-info btn-search">查询</button>
							</span>
						</div>
						<table
							class="table table-striped table-bordered table-hover dataTables-example"
							id="dataTables-example">
							<thead>
								<tr style="height: 30px">
									<th style="width: 50px" align="center">序号</th>
									<th style="width: 100px" align="center">合同编号</th>
									<th style="width: 100px" align="center">合同名称</th>
									<th style="width: 100px" align="center">产品名称</th>
									<th style="width: 100px" align="center">签约金额</th>
									<th style="width: 100px" align="center">返利期限</th>
									<th style="width: 100px" align="center">签约日期</th>
									<th style="width: 100px" align="center">结束日期</th>
									<th style="width: 100px" align="center">合同期限</th>
									<th style="width: 120px" align="center">业务员</th>
									<th style="width: 120px" align="center">审核状态</th>
									<th style="width: 120px" align="center">审核人</th>
									<th style="width: 80px" align="center">操作</th>
								</tr>
							</thead>
						</table>
					</div>
				</div>
			</div>
		</div>
		<!-- 修改合同模态框 -->
		<div class="modal fade  " id='editModal'>
			<div class="modal-dialog" style="width: 1000px; height: 600px;">
				<div class="modal-content">
					<div class="modal-header">
						<button class="close" data-dismiss='modal'>×</button>

						<h2 class="modal-title" align="center">编辑合同</h2>
					</div>

					<div class="modal-body" align="center">

						<form class="form-horizontal m-t" id="editForm"
							enctype="multipart/form-data">
							<div class="row form-body form-horizontal m-t">
								<div class="col-md-6 droppable sortable">
									<div class="form-group draggable">
										<label class="col-sm-3 control-label">合同编号<span
											style="color: red;">*</span>：
										</label>
										<div class="col-sm-8">
											<input type="text" name="contractNum" id="eacontractNum" disabled="disabled"
												class="form-control" placeholder="请输入合同编号"> <input
												type="hidden" name="contractId" id="econtractId">
										</div>
									</div>
									<div class="form-group draggable">
										<label class="col-sm-3 control-label">合同名称<span
											style="color: red;">*</span>：
										</label>
										<div class="col-sm-8">
											<input type="text" name="contractName" id="econtractName" disabled="disabled"
												class="form-control" placeholder="请输入合同名称">
										</div>
									</div>
									<div class="form-group draggable">
										<label class="col-sm-3 control-label">产品名称<span
											style="color: red;">*</span>：
										</label>
										<div class="col-sm-8">
											<%-- <select class="form-control " name="productName" disabled="disabled"
												id="eproductName">
												<option value="">-请选择-</option>
												<c:forEach var="product" items="${productList }"
													varStatus="status">
													<option value="${product.productName } ">${product.productName }</option>
												</c:forEach>
											</select> --%>
											<input type="text" name="eproductName" id="eproductName" disabled="disabled"
												class="form-control">
										</div>
									</div>
									<div class="form-group draggable">
										<label class="col-sm-3 control-label">所属客户<span
											style="color: red;">*</span>：
										</label>
										<div class="col-sm-8">
											<%-- <select class="form-control " name="customerId" disabled="disabled"
												id="ecustomerId">
												<option value="">-请选择-</option>
												<c:forEach var="customer" items="${customerList}"
													varStatus="status">
													<option value="${customer.customerId }">${customer.customerName }</option>
												</c:forEach>
											</select> --%>
											<input type="text" name="ecustomerId" id="ecustomerId" disabled="disabled"
												class="form-control">
										</div>
									</div>
									<div class="form-group draggable">
										<label class="col-sm-3 control-label">签约日期<span
											style="color: red;">*</span>：
										</label>
										<div class="col-sm-8">
											<input type="text" name="date1" onblur="startDateBlur(2)" id="edate1" disabled="disabled"
												class="form-control" 
												onClick="WdatePicker({lang:'zh-cn',dateFmt:'yyyy-MM-dd'})"
												placeholder="请选择签约日期">
										</div>
									</div>
									<div class="form-group draggable">
										<label class="col-sm-3 control-label">结束日期<span
											style="color: red;">*</span>：
										</label>
										<div class="col-sm-8">
											<input type="text" name="date2" id="edate2" disabled="disabled"
												class="form-control"
												onClick="WdatePicker({lang:'zh-cn',dateFmt:'yyyy-MM-dd'})"
												placeholder="选择签约日期后自动生成">
										</div>
									</div>
								</div>
								<div class="col-md-6 droppable sortable">
									<div class="form-group draggable">
										<label class="col-sm-3 control-label">合同期限<span
											style="color: red;">*</span>： </label>
										<div class="col-sm-8">
											<select class="form-control" name="contractPeriod" disabled="disabled" id="econtractPeriod">
												<option value="">-请选择-</option>
												<option value="1">一个月</option>
												<option value="2">三个月</option>
												<option value="3">六个月</option>
												<option value="4">一年</option>
											</select>
										</div>
									</div>
									<div class="form-group draggable">
										<label class="col-sm-3 control-label">签约金额<span
											style="color: red;">*</span>： </label>
										<div class="col-sm-8">
											<input type="text" name="transactionAmount" readonly="readonly"
												id="etransactionAmount" class="form-control"
												placeholder="请输入签约金额">
										</div>
									</div>
									<div class="form-group draggable">
										<label class="col-sm-3 control-label">回报方式<span
											style="color: red;">*</span>： </label>
										<div class="col-sm-8">
											<select class="form-control" name="investmentHorizon" disabled="disabled" id="einvestmentHorizon">
												<option value="1">按月付息，到期还本</option>
												<option value="3">按季度付息，到期还本</option>
												<option value="2">到期还本付息</option>
											</select>
										</div>
									</div>
									<div class="form-group draggable">
										<label class="col-sm-3 control-label">开户银行： </label>
										<div class="col-sm-8">
											<input type="text" name="depositBank" id="edepositBank" disabled="disabled"
												class="form-control" placeholder="请输入开户银行">
										</div>
									</div>
									<div class="form-group draggable">
										<label class="col-sm-3 control-label">银行账号： </label>
										<div class="col-sm-8">
											<input type="text" name="bankAccount" id="ebankAccount" disabled="disabled"
												class="form-control" placeholder="请输入银行账号">
										</div>
									</div>
									<div class="form-group draggable">
										<label class="col-sm-3 control-label">审核状态<span
											style="color: red;">*</span>：
										</label>
										<div class="col-sm-8">
											<select class="form-control " name="contractStatus"
												id="econtractStatus">
												<option value="2">提交审核</option>
												<option value="3">审核不通过</option>
												<option value="4">审核通过</option>
											</select>
										</div>
									</div>
								</div>
							</div>
						</form>
					</div>
					<div class="modal-footer" align="center">
						<div align="center">
							<button class="btn btn-primary" id="editSubmit">确认</button>
						</div>
					</div>
				</div>
			</div>
		</div>
		<script type="text/javascript">
			var table;
			$(function() {
				//提示信息
				var lang = {
					"sProcessing" : "<div style=\"float:right;width:50%\" >处理中...</div>",
					"sLengthMenu" : "每页 _MENU_ 项",
					"sZeroRecords" : "没有匹配结果",
					"sInfo" : "当前显示第 _START_ 至 _END_ 项，共 _TOTAL_ 项。",
					"sInfoEmpty" : "当前显示第 0 至 0 项，共 0 项",
					"sInfoFiltered" : "(由 _MAX_ 项结果过滤)",
					"sInfoPostFix" : "",
					"sSearch" : "搜索:",
					"sUrl" : "",
					"sEmptyTable" : "表中数据为空",
					"sLoadingRecords" : "载入中...",
					"sInfoThousands" : ",",
					"oPaginate" : {
						"sFirst" : "首页",
						"sPrevious" : "上页",
						"sNext" : "下页",
						"sLast" : "末页",
						"sJump" : "跳转"
					},
					"oAria" : {
						"sSortAscending" : ": 以升序排列此列",
						"sSortDescending" : ": 以降序排列此列"
					}
				};
				//初始化表格
				table = $("#dataTables-example").dataTable({
					"fnDrawCallback" : function() {
						var api = this.api();
						var startIndex = api.context[0]._iDisplayStart;//获取到本页开始的条数
						api.column(0).nodes().each(function(cell, i) {
							cell.innerHTML = startIndex + i + 1;
						});
					},
					language : lang, //提示信息
					autoWidth : false, //禁用自动调整列宽
					stripeClasses : [ "odd", "even" ], //为奇偶行加上样式，兼容不支持CSS伪类的场合
					processing : true, //隐藏加载提示,自行处理
					serverSide : true, //启用服务器端分页
					searching : false, //禁用原生搜索
					orderMulti : false, //启用多列排序
					order : [], //取消默认排序查询,否则复选框一列会出现小箭头
					renderer : "bootstrap", //渲染样式：Bootstrap和jquery-ui
					pagingType : "simple_numbers", //分页样式：simple,simple_numbers,full,full_numbers
					"aLengthMenu" : [ 10 ],
					"bLengthChange": false,//隐藏分页数量选择框
					ordering : false, //关闭排序图标
					ajax : function(data, callback, settings) {
						//封装请求参数
						var param = {};
						param.limit = data.length;//页面显示记录条数，在页面显示每页显示多少项的时候
						param.start = data.start;//开始的记录序号
						param.page = (data.start / data.length) + 1;//当前页码
						//console.log(param);
						 var contractNum = $("#contractNum").val().trim();
						if (contractNum != null && contractNum != "") {
							param.contractNum = contractNum
						} 
						param.isCheck = 1;
						//ajax请求数据
						$.ajax({
							type : "POST",
							url : "contractList.do",
							cache : false, //禁用缓存
							data : param, //传入组装的参数
							dataType : "json",
							success : function(result) {
								console.log(result);
								//setTimeout仅为测试延迟效果
								setTimeout(function() {
									//封装返回数据
									var returnData = {};
									draw = result.draw;//后台返回的计数器
									returnData.draw = data.draw;//这里直接自行返回了draw计数器,应该由后台返回
									returnData.recordsTotal = result.total;//返回数据全部记录
									returnData.recordsFiltered = result.total;//后台不实现过滤功能，每次查询均视作全部结果
									returnData.data = result.data;//返回的数据列表
									//console.log(returnData);
									//调用DataTables提供的callback方法，代表数据已封装完成并传回DataTables进行渲染
									//此时的数据需确保正确无误，异常判断应在执行此回调前自行处理完毕
									callback(returnData);
								}, 200); 
							}
						});
					},
					//列表表头字段
					//列表表头字段
					columns : [ {
						"data" : null
					}, {
						"data" : "contractNum"
					}, {
						"data" : "contractName"
					}, {
						"data" : "productName"
					}, {
						"data" : "transactionAmount"
					}, {
						"data" : function(data){
							if(data.investmentHorizon == 1){
								return "按月付息，到期还本"
							}
							else if(data.investmentHorizon == 2){
								return "到期还本付息"
							}else if (data.investmentHorizon == 3) {
								return "按季度付息，到期还本"
							}
							else{
								return "";
							}
						}
					},{
						"data" : function(data) {
						
							if(data.tradeDate==null){
								return "";
							}
							return FormatDate(new Date(data.tradeDate));
						}
					},{
						"data" : function(data) {
						
							if(data.endDate==null){
								return "";
							}
							return FormatDate(new Date(data.endDate));
						}
					}, {
						"data" : function(data){
							if(data.contractPeriod == 1){
								return "一个月"
							}
							else if(data.contractPeriod == 2){
								return "三个月"
							}
							else if(data.contractPeriod == 3){
								return "六个月"
							}
							else if(data.contractPeriod == 4){
								return "一年"
							}
							else{
								return ""
							}
						}
					}, {
						"data" : "createPeople"
					},{
						"data" : function(data) {
							if(data.contractStatus == 1){
								return "新增";
							}
							else if (data.contractStatus == 2){
								return "提交审核"
							}
							else if (data.contractStatus == 3){
								return "审核不通过"
							}
							else if (data.contractStatus == 4){
								return "审核通过"
							}
						}
					}, {
						"data" : function(data){
							if(data.checkPeopleName == null || data.checkPeopleName == ""){
								return "";
							}
							else{
								return data.checkPeopleName;
							}
						}
					} ]
					,
					columnDefs : [ {
						"targets" : [ 12 ], //第七列加一条 自定义列
						"data" : "contractId", //数据列名
						"render" : function(data, type, full) { //返回自定义的内容
							if(full.contractStatus == 4){
								return "<button class=\"btn disabled btn-xs\" >编辑</button>";
							}else{
								return "<a class=\"btn btn-warning btn-xs\" onclick=\"editModal('"+data+"')\">编辑</a>";
							}
						}
					} ]
				})//.api();		
			});
			//添加合同保存事件
			$("#btnSubmit").click(
					function() { //“登录”按钮单击事件
						$("#fileName").val($("#hotelImgFile").val());
						var contractNum = $("#acontractNum").val();
						var contractName = $("#contractName").val();
						var productName = $("#productName").val();
						var customerId = $("#customerId").val();
						var transactionAmount = $("#transactionAmount").val();
						var contractPeriod = $("#contractPeriod").val();
						var investmentHorizon = $("#investmentHorizon").val();
						var date1 = $("#date1").val();
						var date2 = $("#date2").val();
						if (contractNum == "") {
							swal("请输入合同编号!", "温馨提示!", "error");
							return false;
						}
						if (contractName == "") {
							swal("请输入合同名称!", "温馨提示!", "error");
							return false;
						}
						if (productName == "") {//暂时未能获取到产品信息
							swal("请选择产品!", "温馨提示!", "error");
							return false;
						} 
						if (customerId == "") {
							swal("请选择所属客户!", "温馨提示!", "error");
							return false;
						}
						if (date1 == "") {
							swal("请选择签约日期!", "温馨提示!", "error");
							return false;
						}
						if (date2 == "") {
							swal("请选择结束日期!", "温馨提示!", "error");
							return false;
						}
						
						if (transactionAmount == "") {
							swal("请选择签约金额!", "温馨提示!", "error");
							return false;
						}
						if (investmentHorizon == "") {
							swal("请选择回报方式!", "温馨提示!", "error");
							return false;
						}
						
						
						$.ajax({
							url : "insertContract.do",
							type : "post",
							cache : true,
							async : true,
							data : $('#myFrom').serialize(),
							error : function(data) {
								swal("服务器访问失败!", "保存合同提示!", "error");
							},
							success : function(data) {
								if (data.code == 1) {
									swal({
										title : "提示",
										text : "添加成功！",
										type : "success",
										confirmButtonText : "确定",
										closeOnConfirm : true
									}, function() {
										$("#addModal").modal("hide");
										Search();
									});
								} else {
									swal("保存失败!", "保存合同提示!", "error");
								}
							}
						});					
					});
			//修改获取数据
			function editModal(id){
		    	$.ajax({
		    		url:"editContract.do",
		    		data:{"id":id},
		    		dataType:"json",
		    		type:"post",
		    		success:function (result){
		    			if(result.flag==1){
		    				console.log(id)
		    				//将数据放到模态框中
		    				$("#eacontractNum").val(result.contract.contractNum);
		    				$("#econtractName").val(result.contract.contractName);
 		    				$("#eproductName").val(result.contract.productName);
		    				$("#ecustomerId").val(result.contract.customer.customerName);
		    				$("#etransactionAmount").val(result.contract.transactionAmount);
		    				$("#einvestmentHorizon").val(result.contract.investmentHorizon);
		    				$("#edepositBank").val(result.contract.depositBank);
		    				$("#ebankAccount").val(result.contract.bankAccount);
// 		    				$("#ecustomerId").val(result.contract.customerId);
							$("#econtractId").val(result.contract.contractId);
							$("#econtractPeriod").val(result.contract.contractPeriod);

							/* $("#eproductName option").each(function(){
		    					if($(this).text().trim()==result.contract.productName.trim()){
		    						$(this).prop("selected","selected");
		    						
		    					}
		    				}); */
							
							/* $("#ecustomerId option").each(function(){
// 								console.log(result.customer)
		    					if($(this).text().trim()==result.customer.customerName){
		    						$(this).prop("selected","selected");
		    						
		    					}
		    				}); */
							
							$("#econtractStatus option").each(function(){
								//console.log($(this).val())
		    					if($(this).val()==result.contract.contractStatus){
		    						$(this).prop("selected","selected");
		    					}
		    				});
							
		    				var tradeDate=new Date(result.contract.tradeDate);//时间戳转换为java.util.date
		    				tradeDate=FormatDate(tradeDate);//抽取出来年月日
		    				$("#edate1").val(tradeDate);
		    				var endDate=new Date(result.contract.endDate);//时间戳转换为java.util.date
		    				endDate=FormatDate(endDate);//抽取出来年月日
		    				$("#edate2").val(endDate);
		    				
		    				$("#editModal").modal("show");
		    				
		    			}else if(result.flag==0){
		    				swal("异常","暂无数据,请稍后再试!","warning")
		    			}
		    		},error:function(){
	    				swal("错误","系统异常,请稍后再试!","error")
		    		}
		    	});
		    }
			$("#editSubmit").click(
					function() { //“登录”按钮单击事件
						$("#fileName").val($("#hotelImgFile").val());
						var contractNum = $("#econtractNum").val();
						var contractName = $("#econtractName").val();
						var productName = $("#eproductName").val();
						var customerId = $("#ecustomerId").val();
						var date1 = $("#edate1").val();
						var date2 = $("#edate2").val();
						var customerId = $("#ecustomerId").val();
						if (contractNum == "") {
							swal("请输入合同编号!", "温馨提示!", "error");
							return false;
						}
						if (contractName == "") {
							swal("请输入合同名称!", "温馨提示!", "error");
							return false;
						}
						if (productName == "") {//暂时未能获取到产品信息
							swal("请选择产品!", "温馨提示!", "error");
							return false;
						} 
						if (customerId == "") {
							swal("请选择所属客户!", "温馨提示!", "error");
							return false;
						}
						if (date1 == "") {
							swal("请选择签约日期!", "温馨提示!", "error");
							return false;
						}
						if (date2 == "") {
							swal("请选择结束日期!", "温馨提示!", "error");
							return false;
						}
						
						$.ajax({
							url : "updateContract.do",
							type : "post",
							cache : true,
							async : true,
							data : $('#editForm').serialize(),
							error : function(data) {
								swal("服务器访问失败!", "保存合同提示!", "error");
							},
							success : function(data) {
								if (data.code == 1) {
									swal({
										title : "提示",
										text : "添加成功！",
										type : "success",
										confirmButtonText : "确定"
									}, function() {
										$("#editModal").modal("hide");
										Search();
									});
								} else {
									swal("保存失败!", "保存合同提示!", "error");
								}
							}
						});					
					});
			
			//显示modal
		    function showModal(modal){
			   $(modal).modal("show");
			   $('#myFrom')[0].reset();
		    }
		  	//隐藏modal
		    function closeModal(modal){
		    	 $(modal).modal("hide");
		    }
			function Search() {
				table.fnDraw();
			}
			//修改开始日期的处理函数
		    function startDateBlur(type){
				//判断是添加还是修改合同（1、添加；2、修改）
				console.log(type)
				if(type == 1){
					var date1 = $("#date1").val();
					var date2 = $("#date2").val();
					var contractPeriod = $("#contractPeriod").val();
					date1 = date1.replace(/-/g,"/");//将时间中的/变为-
					var date = new Date(date1 );
					//判断是哪种期限（1、一个月；2、三个月；3、六个月；4、一年）
					if(contractPeriod== 1 ){
						date.setMonth(date.getMonth() + 1)
						$("#date2").val(date.getFullYear()+"-"+(date.getMonth()+1)+"-"+date.getDate());
					}
					else if(contractPeriod== 2 ){
						date.setMonth(date.getMonth() + 3)
						$("#date2").val(date.getFullYear()+"-"+(date.getMonth()+1)+"-"+date.getDate());
					}
					else if(contractPeriod== 3 ){
						date.setMonth(date.getMonth() + 6)
						$("#date2").val(date.getFullYear()+"-"+(date.getMonth()+1)+"-"+date.getDate());
					}
					else if(contractPeriod== 4 ){
						date.setYear(date.getFullYear() + 1)
						$("#date2").val(date.getFullYear()+"-"+(date.getMonth()+1)+"-"+date.getDate());
					}
					else if(contractPeriod==""||contractPeriod==null){
						swal("提示","请先选择合同期限!","warning");
						$("#date1").val("");
						$("#date1").val("");
					}
				}
				else{
					var date1 = $("#edate1").val();
					var date2 = $("#edate2").val();
					var contractPeriod = $("#econtractPeriod").val();
					date1 = date2.replace(/-/g,"/");//将时间中的/变为-
					var date = new Date(date1 );
					//判断是哪种期限（1、一个月；2、三个月；3、六个月；4、一年）
					if(contractPeriod== 1 ){
						date.setMonth(date.getMonth() + 1)
						$("#edate2").val(date.getFullYear()+"-"+(date.getMonth()+1)+"-"+date.getDate());
					}
					else if(contractPeriod== 2 ){
						date.setMonth(date.getMonth() + 3)
						$("#edate2").val(date.getFullYear()+"-"+(date.getMonth()+1)+"-"+date.getDate());
					}
					else if(contractPeriod== 3 ){
						date.setMonth(date.getMonth() + 6)
						$("#edate2").val(date.getFullYear()+"-"+(date.getMonth()+1)+"-"+date.getDate());
					}
					else if(contractPeriod== 4 ){
						date.setYear(date.getFullYear() + 1)
						$("#edate2").val(date.getFullYear()+"-"+(date.getMonth()+1)+"-"+date.getDate());
					}
					else if(contractPeriod==""||contractPeriod==null){
						swal("提示","请先选择合同期限!","warning");
						$("#edate1").val("");
						$("#edate1").val("");
					}
				}
				
    		}
		</script>
</body>

</html>